<!DOCTYPE HTML>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" %>
<% response.setContentType("text/html;charset=UTF-8");%>
<html>
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<!-- /Added by HTTrack -->
<head>
    <meta charset="UTF-8">

    <meta name="description" content="">
    <meta name="keywords" content="">

    <title>Fesine网上数码商城,www.fesine.com</title>

    <link rel="shortcut icon" href="html/favicon.ico">
    <link href="html/css/style.css" media="screen" rel="stylesheet" type="text/css">
    <link href="html/css/grid.css" media="screen" rel="stylesheet" type="text/css">

    <script src="html/js/jquery-1.7.2.min.js"></script>
    <script src="html/js/html5.js"></script>
    <script src="html/js/jflow.plus.js"></script>
    <script src="html/js/jquery.carouFredSel-5.2.2-packed.js"></script>

    <script>
        $(document).ready(function () {
            $("#myController").jFlow({
                controller: ".control", // must be class, use . sign
                slideWrapper: "#jFlowSlider", // must be id, use # sign
                slides: "#slider",  // the div where all your sliding divs are nested in
                selectedWrapper: "jFlowSelected",  // just pure text, no sign
                width: "984px",  // this is the width for the content-slider
                height: "480px",  // this is the height for the content-slider
                duration: 400,  // time in miliseconds to transition one slide
                prev: ".slidprev", // must be class, use . sign
                next: ".slidnext", // must be class, use . sign
                auto: true
            });
        });
    </script>
    <script>
        $(function () {
            $('#list_product').carouFredSel({
                prev: '#prev_c1',
                next: '#next_c1',
                auto: false
            });
            $('#list_product2').carouFredSel({
                prev: '#prev_c2',
                next: '#next_c2',
                auto: false
            });
            $(window).resize();
        });
    </script>
    <script>
        $(document).ready(function () {
            $("button").click(function () {
                $(this).addClass('click')
            });
        })
    </script>

</head>
<body>
<div class="container_12">
    <div id="top">
        <div class="grid_3">
            <div class="phone_top">
                联系电话：400-1234-1234
            </div>
            <!-- .phone_top -->
        </div>
        <!-- .grid_3 -->

        <div class="grid_6">
            <div class="welcome">
                访客，欢迎您！ 您可以 <a href="html/login.html">登录</a> or <a href="html/login.html">创建账号</a>.
            </div>
            <!-- .welcome -->
        </div>
        <!-- .grid_6 -->

        <div class="grid_3">
            <%--<div class="valuta">--%>
                <%--<ul>--%>
                    <%--<li class="curent"><a href="#">$</a></li>--%>
                    <%--<li><a href="#">&#8364;</a></li>--%>
                    <%--<li><a href="#">&#163;</a></li>--%>
                <%--</ul>--%>
            <%--</div>--%>
            <!-- .valuta -->

            <div class="lang">
                <ul>
                    <li class="curent"><a href="#">EN</a></li>
                    <li><a href="#">FR</a></li>
                    <li><a href="#">GM</a></li>
                </ul>
            </div>
            <!-- .lang -->
        </div>
        <!-- .grid_3 -->
    </div>
    <!-- #top -->

    <div class="clear"></div>

    <header id="branding">
        <div class="grid_3">
            <hgroup>
                <h1 id="site_logo"><a href="index.jsp" title=""><img src="html/images/logo.png"
                                                                      alt="Online Store Theme Logo"/></a></h1>

                <h2 id="site_description">Fesine WEB Store</h2>
            </hgroup>
        </div>
        <!-- .grid_3 -->

        <div class="grid_3">
            <form class="search">
                <input type="text" name="search" class="entry_form" value="" placeholder="输入关键字查询商品信息..."/>
            </form>
        </div>
        <!-- .grid_3 -->

        <div class="grid_6">
            <ul id="cart_nav">
                <li>
                    <a class="cart_li" href="#">购物车 <span>$0.00</span></a>
                    <ul class="cart_cont">
                        <li class="no_border"><p>Recently added item(s)</p></li>
                        <li>
                            <a href="html/product_page.html" class="prev_cart">
                                <div class="cart_vert"><img src="html/images/cart_img.png" alt="" title=""/></div>
                            </a>

                            <div class="cont_cart">
                                <h4>Caldrea Linen and Room Spray</h4>

                                <div class="price">1 x $399.00</div>
                            </div>
                            <a title="close" class="close" href="#"></a>

                            <div class="clear"></div>
                        </li>

                        <li>
                            <a href="product_page.html" class="prev_cart">
                                <div class="cart_vert"><img src="html/images/produkt_slid1.png" alt="" title=""/></div>
                            </a>

                            <div class="cont_cart">
                                <h4>Caldrea Linen and Room Spray</h4>

                                <div class="price">1 x $399.00</div>
                            </div>
                            <a title="close" class="close" href="#"></a>

                            <div class="clear"></div>
                        </li>
                        <li class="no_border">
                            <a href="html/shopping_cart.html" class="view_cart">查看购物车</a>
                            <a href="html/checkout.html" class="checkout">进行结算</a>
                        </li>
                    </ul>
                </li>
            </ul>

            <nav class="private">
                <ul>
                    <li><a href="#">我的账户</a></li>
                    <li class="separator">|</li>
                    <li><a href="#">我的许愿单</a></li>
                    <li class="separator">|</li>
                    <li><a href="html/login.html">登录</a></li>
                    <li class="separator">|</li>
                    <li><a href="html/login.html">注册</a></li>
                </ul>
            </nav>
            <!-- .private -->
        </div>
        <!-- .grid_6 -->
    </header>
    <!-- #branding -->
</div>
<!-- .container_12 -->

<div class="clear"></div>

<div id="block_nav_primary">
    <div class="container_12">
        <div class="grid_12">
            <nav class="primary">
                <ul>
                    <li class="curent"><a href="index.jsp">Home</a></li>
                    <li><a href="html/catalog_grid.html">Solids</a></li>
                    <li><a href="html/catalog_grid.html">Liquids</a></li>
                    <li>
                        <a href="html/catalog_grid.html">Spray</a>
                        <ul class="sub">
                            <li><a href="html/catalog_grid.html">For home</a></li>
                            <li><a href="html/catalog_grid.html">For Garden</a></li>
                            <li><a href="html/catalog_grid.html">For Car</a></li>
                            <li><a href="html/catalog_grid.html">Other spray</a></li>
                        </ul>
                    </li>
                    <li><a href="html/catalog_grid.html">Electric</a></li>
                    <li><a href="html/catalog_grid.html">For cars</a></li>
                    <li>
                        <a href="#">All pages</a>
                        <ul class="sub">
                            <li><a href="html/index.html">Home</a></li>
                            <li><a href="html/text_page.html">Typography and basic styles</a></li>
                            <li><a href="html/catalog_grid.html">Catalog (grid view)</a></li>
                            <li><a href="html/catalog_list.html">Catalog (list type view)</a></li>
                            <li><a href="html/product_page.html">Product view</a></li>
                            <li><a href="html/shopping_cart.html">Shoping cart</a></li>
                            <li><a href="html/checkout.html">Proceed to checkout</a></li>
                            <li><a href="html/compare.html">Products comparison</a></li>
                            <li><a href="html/login.html">Login</a></li>
                            <li><a href="html/contact_us.html">Contact us</a></li>
                            <li><a href="html/404.html">404</a></li>
                            <li><a href="html/blog.html">Blog posts</a></li>
                            <li><a href="html/blog_post.html">Blog post view</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
            <!-- .primary -->
        </div>
        <!-- .grid_12 -->
    </div>
    <!-- .container_12 -->
</div>
<!-- .block_nav_primary -->

<div class="clear"></div>

<div class="container_12">
    <div class="grid_12">
        <div class="slidprev"><span>Prev</span></div>
        <div class="slidnext"><span>Next</span></div>
        <div id="slider">
            <div id="slide1">
                <img src="html/images/content/slide1.jpg" alt="" title=""/>

                <div class="slid_text">
                    <h3 class="slid_title"><span>Breeze Theme</span></h3>

                    <p><span>Breeze is the 14 stylish HTML templates,</span></p>

                    <p><span>which will helps you boost sales</span></p>

                    <p><span>and receive good feedback from your clients.</span></p>
                </div>
            </div>

            <div id="slide2">
                <img src="html/images/content/slide2.jpg" alt="" title=""/>

                <div class="slid_text">
                    <h3 class="slid_title"><span>Flexibility</span></h3>

                    <p><span>Every product, which you are selling,</span></p>

                    <p><span>will look great with Breeze theme.</span></p>
                </div>
            </div>

            <div id="slide3">
                <img src="html/images/content/slide3.jpg" alt="" title=""/>

                <div class="slid_text">
                    <h3 class="slid_title"><span>Accuracy and Easiness</span></h3>

                    <p><span>Breeze design is mere and accurate,</span></p>

                    <p><span>so it will satisfy everybody.</span></p>
                </div>
            </div>
        </div>
        <!-- .slider -->
        <div id="myController">
            <div class="control"><span>1</span></div>
            <div class="control"><span>2</span></div>
            <div class="control"><span>3</span></div>
        </div>


    </div>
    <!-- .grid_12 -->
</div>
<!-- .container_12 -->
<div class="copyrights">Collect from <a href="http://www.777moban.com/" title="网站模板">网站模板</a></div>
<div class="clear"></div>

<section id="main" class="home">
    <div class="container_12">
        <div id="top_button">
            <div class="grid_4">
                <a href="#" class="button_block best_price">
                    <img src="html/images/banner1.png" alt="Banner 1"/>
                </a><!-- .best_price -->
            </div>
            <!-- .grid_4 -->

            <div class="grid_4">
                <a href="#" class="button_block new_smells">
                    <img src="html/images/banner2.png" alt="Banner 2"/>
                </a><!-- .new smells -->
            </div>
            <!-- .grid_4 -->

            <div class="grid_4">
                <a href="#" class="button_block only_natural">
                    <img src="html/images/banner3.png" alt="Banner 3"/>
                </a><!-- .only_natural -->
            </div>
            <!-- .grid_4 -->

            <div class="clear"></div>
        </div>
        <!-- #top_button -->

        <div class="clear"></div>

        <div class="carousel">
            <div class="c_header">
                <div class="grid_10">
                    <h2>Best Sellers</h2>
                </div>
                <!-- .grid_10 -->

                <div class="grid_2">
                    <a id="next_c1" class="next arows" href="#"><span>Next</span></a>
                    <a id="prev_c1" class="prev arows" href="#"><span>Prev</span></a>
                </div>
                <!-- .grid_2 -->
            </div>
            <!-- .c_header -->

            <div class="list_carousel">

                <ul id="list_product" class="list_product">
                    <li class="">
                        <div class="grid_3 product">
                            <img class="sale" src="html/images/sale.png" alt="Sale"/>

                            <div class="prev">
                                <a href="html/product_page.html"><img src="html/images/product_1.png" alt="" title=""/></a>
                            </div>
                            <!-- .prev -->
                            <h3 class="title">Febreze Air Effects New Zealand Springs</h3>

                            <div class="cart">
                                <div class="price">
                                    <div class="vert">
                                        <div class="price_new">$550.00</div>
                                        <div class="price_old">$725.00</div>
                                    </div>
                                </div>
                                <a href="#" class="obn"></a>
                                <a href="#" class="like"></a>
                                <a href="#" class="bay"></a>
                            </div>
                            <!-- .cart -->
                        </div>
                        <!-- .grid_3 -->
                    </li>

                    <li class="">
                        <div class="grid_3 product">
                            <img class="sale" src="html/images/sale.png" alt="Sale"/>

                            <div class="prev">
                                <a href="html/product_page.html"><img src="html/images/product_2.png" alt="" title=""/></a>
                            </div>
                            <!-- .prev -->
                            <h3 class="title">Febreze Air Effects New Zealand Springs</h3>

                            <div class="cart">
                                <div class="price">
                                    <div class="vert">
                                        <div class="price_new">$550.00</div>
                                        <div class="price_old">$725.00</div>
                                    </div>
                                </div>
                                <a href="#" class="obn"></a>
                                <a href="#" class="like"></a>
                                <a href="#" class="bay"></a>
                            </div>
                            <!-- .cart -->
                        </div>
                        <!-- .grid_3 -->
                    </li>

                    <li class="">
                        <div class="grid_3 product">
                            <div class="prev">
                                <a href="html/product_page.html"><img src="html/images/product_3.png" alt="" title=""/></a>
                            </div>
                            <!-- .prev -->
                            <h3 class="title">Febreze Air Effects New Zealand Springs</h3>

                            <div class="cart">
                                <div class="price">
                                    <div class="vert">
                                        <div class="price_new">$550.00</div>
                                    </div>
                                </div>
                                <a href="#" class="obn"></a>
                                <a href="#" class="like"></a>
                                <a href="#" class="bay"></a>
                            </div>
                            <!-- .cart -->
                        </div>
                        <!-- .grid_3 -->
                    </li>

                    <li class="">
                        <div class="grid_3 product">
                            <img class="sale" src="html/images/sale.png" alt="Sale"/>

                            <div class="prev">
                                <a href="html/product_page.html"><img src="html/images/product_4.png" alt="" title=""/></a>
                            </div>
                            <!-- .prev -->
                            <h3 class="title">Febreze Air Effects New Zealand Springs</h3>

                            <div class="cart">
                                <div class="price">
                                    <div class="vert">
                                        <div class="price_new">$550.00</div>
                                        <div class="price_old">$725.00</div>
                                    </div>
                                </div>
                                <a href="#" class="obn"></a>
                                <a href="#" class="like"></a>
                                <a href="#" class="bay"></a>
                            </div>
                            <!-- .cart -->
                        </div>
                        <!-- .grid_3 -->
                    </li>

                    <li class="">
                        <div class="grid_3 product">
                            <div class="prev">
                                <a href="html/product_page.html"><img src="html/images/product_8.png" alt="" title=""/></a>
                            </div>
                            <!-- .prev -->
                            <h3 class="title">Febreze Air Effects New Zealand Springs</h3>

                            <div class="cart">
                                <div class="price">
                                    <div class="vert">
                                        <div class="price_new">$550.00</div>
                                        <div class="price_old">$725.00</div>
                                    </div>
                                </div>
                                <a href="#" class="obn"></a>
                                <a href="#" class="like"></a>
                                <a href="#" class="bay"></a>
                            </div>
                            <!-- .cart -->
                        </div>
                        <!-- .grid_3 -->
                    </li>

                </ul>
                <!-- #list_product -->
            </div>
            <!-- .list_carousel -->
        </div>
        <!-- .carousel -->

        <div class="carousel">
            <div class="c_header">
                <div class="grid_10">
                    <h2>Featured Products</h2>
                </div>
                <!-- .grid_10 -->

                <div class="grid_2">
                    <a id="next_c2" class="next arows" href="#"><span>Next</span></a>
                    <a id="prev_c2" class="prev arows" href="#"><span>Prev</span></a>
                </div>
                <!-- .grid_2 -->
            </div>
            <!-- .c_header -->

            <div class="list_carousel">
                <ul id="list_product2" class="list_product">
                    <li class="">
                        <div class="grid_3 product">
                            <img class="sale" src="html/images/sale.png" alt="Sale"/>

                            <div class="prev">
                                <a href="html/product_page.html"><img src="html/images/product_5.png" alt="" title=""/></a>
                            </div>
                            <!-- .prev -->
                            <h3 class="title">Febreze Air Effects New Zealand Springs</h3>

                            <div class="cart">
                                <div class="price">
                                    <div class="vert">
                                        <div class="price_new">$550.00</div>
                                        <div class="price_old">$725.00</div>
                                    </div>
                                </div>
                                <a href="#" class="obn"></a>
                                <a href="#" class="like"></a>
                                <a href="#" class="bay"></a>
                            </div>
                            <!-- .cart -->
                        </div>
                        <!-- .grid_3 -->
                    </li>

                    <li class="">
                        <div class="grid_3 product">
                            <img class="sale" src="html/images/sale.png" alt="Sale"/>

                            <div class="prev">
                                <a href="html/product_page.html"><img src="html/images/product_6.png" alt="" title=""/></a>
                            </div>
                            <!-- .prev -->
                            <h3 class="title">Febreze Air Effects New Zealand Springs</h3>

                            <div class="cart">
                                <div class="price">
                                    <div class="vert">
                                        <div class="price_new">$550.00</div>
                                        <div class="price_old">$725.00</div>
                                    </div>
                                </div>
                                <a href="#" class="obn"></a>
                                <a href="#" class="like"></a>
                                <a href="#" class="bay"></a>
                            </div>
                            <!-- .cart -->
                        </div>
                        <!-- .grid_3 -->
                    </li>

                    <li class="">
                        <div class="grid_3 product">
                            <div class="prev">
                                <a href="html/product_page.html"><img src="html/images/product_7.png" alt="" title=""/></a>
                            </div>
                            <!-- .prev -->
                            <h3 class="title">Febreze Air Effects New Zealand Springs</h3>

                            <div class="cart">
                                <div class="price">
                                    <div class="vert">
                                        <div class="price_new">$550.00</div>
                                    </div>
                                </div>
                                <a href="#" class="obn"></a>
                                <a href="#" class="like"></a>
                                <a href="#" class="bay"></a>
                            </div>
                            <!-- .cart -->
                        </div>
                        <!-- .grid_3 -->
                    </li>

                    <li class="">
                        <div class="grid_3 product">
                            <img class="sale" src="html/images/sale.png" alt="Sale"/>

                            <div class="prev">
                                <a href="html/product_page.html"><img src="html/images/produkt_slid1.png" alt="" title=""/></a>
                            </div>
                            <!-- .prev -->
                            <h3 class="title">Febreze Air Effects New Zealand Springs</h3>

                            <div class="cart">
                                <div class="price">
                                    <div class="vert">
                                        <div class="price_new">$550.00</div>
                                        <div class="price_old">$725.00</div>
                                    </div>
                                </div>
                                <a href="#" class="obn"></a>
                                <a href="#" class="like"></a>
                                <a href="#" class="bay"></a>
                            </div>
                            <!-- .cart -->
                        </div>
                        <!-- .grid_3 -->
                    </li>

                    <li class="">
                        <div class="grid_3 product">
                            <div class="prev">
                                <a href="html/product_page.html"><img src="html/images/product_9.png" alt="" title=""/></a>
                            </div>
                            <!-- .prev -->
                            <h3 class="title">Febreze Air Effects New Zealand Springs</h3>

                            <div class="cart">
                                <div class="price">
                                    <div class="vert">
                                        <div class="price_new">$550.00</div>
                                        <div class="price_old">$725.00</div>
                                    </div>
                                </div>
                                <a href="#" class="obn"></a>
                                <a href="#" class="like"></a>
                                <a href="#" class="bay"></a>
                            </div>
                            <!-- .cart -->
                        </div>
                        <!-- .grid_3 -->
                    </li>

                </ul>
                <!-- #list_product2 -->
            </div>
            <!-- .list_carousel -->
        </div>
        <!-- .carousel -->

        <div id="content_bottom">
            <div class="grid_4">
                <div class="bottom_block about_as">
                    <h3>About Us</h3>

                    <p>A block of text is a stack of line boxes. In the case of 'left', 'right' and 'center', this
                        property specifies how the inline-level boxes within each line box align with respect to the
                        line box's </p>

                    <p>Alignment is not with respect to the viewport. In the case of 'justify', this property specifies
                        that the inline-level boxes are to be made flush with both sides of the line box if
                        possible.</p>

                    <p>by expanding or contracting the contents of inline boxes, else aligned as for the initial
                        value.</p>
                </div>
                <!-- .about_as -->
            </div>
            <!-- .grid_4 -->

            <div class="grid_4">
                <div class="bottom_block news">
                    <h3>News</h3>
                    <ul>
                        <li>
                            <time datetime="2012-03-03">3 january 2012</time>
                            <a href="#">A block of text is a stack of line boxes. In the case of 'left', 'right' and
                                'center', this property specifies</a>
                        </li>

                        <li>
                            <time datetime="2012-02-03">2 january 2012</time>
                            <a href="#">A block of text is a stack of line boxes. In the case of 'left', 'right' and
                                'center', this property specifies</a>
                        </li>

                        <li>
                            <time datetime="2012-01-03">1 january 2012</time>
                            <a href="#">A block of text is a stack of line boxes. In the case of 'left', 'right' and
                                'center', this property specifies how the inline-level boxes within each line</a>
                        </li>
                    </ul>
                </div>
                <!-- .news -->
            </div>
            <!-- .grid_4 -->

            <div class="grid_4">
                <div class="bottom_block newsletter">
                    <h3>Newsletter</h3>

                    <p>Cursus in dapibus ultrices velit fusce. Felis lacus erat. Fermentum parturient lacus tristique
                        habitant nullam morbi et odio nibh mus dictum tellus erat.</p>

                    <form class="letter_form">
                        <input type="email" name="newsletter" class="l_form" value=""
                               placeholder="Enter your email address..."/>
                        <input type="submit" id="submit" value=""/>
                    </form>
                    <div class="lettel_description">
                        Vel lobortis gravida. Cursus in dapibus ultrices velit fusce. Felis lacus erat.
                    </div>
                    <!-- .lettel_description -->
                </div>
                <!-- .newsletter -->
            </div>
            <!-- .grid_4 -->

            <div class="clear"></div>
        </div>
        <!-- #content_bottom -->
        <div class="clear"></div>

    </div>
    <!-- .container_12 -->
</section>
<!-- #main -->

<div class="clear"></div>

<footer>
    <div class="f_navigation">
        <div class="container_12">
            <div class="grid_3">
                <h3>Contact Us</h3>
                <ul class="f_contact">
                    <li>49 Archdale, 2B Charlestone</li>
                    <li>+777 (100) 1234</li>
                    <li>mail@example.com</li>
                </ul>
                <!-- .f_contact -->
            </div>
            <!-- .grid_3 -->

            <div class="grid_3">
                <h3>Information</h3>
                <nav class="f_menu">
                    <ul>
                        <li><a href="#">About As</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                        <li><a href="#">Terms & Conditions</a></li>
                        <li><a href="#">Secure payment</a></li>
                    </ul>
                </nav>
                <!-- .private -->
            </div>
            <!-- .grid_3 -->

            <div class="grid_3">
                <h3>Costumer Servise</h3>
                <nav class="f_menu">
                    <ul>
                        <li><a href="html/contact_us.html">Contact As</a></li>
                        <li><a href="#">Return</a></li>
                        <li><a href="#">FAQ</a></li>
                        <li><a href="#">Site Map</a></li>
                    </ul>
                </nav>
                <!-- .private -->
            </div>
            <!-- .grid_3 -->

            <div class="grid_3">
                <h3>My Account</h3>
                <nav class="f_menu">
                    <ul>
                        <li><a href="#">My Account</a></li>
                        <li><a href="#">Order History</a></li>
                        <li><a href="#">Wish List</a></li>
                        <li><a href="#">Newsletter</a></li>
                    </ul>
                </nav>
                <!-- .private -->
            </div>
            <!-- .grid_3 -->

            <div class="clear"></div>
        </div>
        <!-- .container_12 -->
    </div>
    <!-- .f_navigation -->

    <div class="f_info">
        <div class="container_12">
            <div class="grid_6">
                <p class="copyright">© Breeze Store Theme, 2013. Collect from <a href="http://www.777moban.com/"
                                                                                 title="网页模板" target="_blank">网页模板</a> -
                    More Templates <a href="http://www.777moban.com/" target="_blank" title="777模板">777模板</a></p>
            </div>
            <!-- .grid_6 -->

            <div class="grid_6">
                <div class="soc">
                    <a class="google" href="#"></a>
                    <a class="twitter" href="#"></a>
                    <a class="facebook" href="#"></a>
                </div>
                <!-- .soc -->
            </div>
            <!-- .grid_6 -->

            <div class="clear"></div>
        </div>
        <!-- .container_12 -->
    </div>
    <!-- .f_info -->
</footer>

</body>
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<!-- /Added by HTTrack -->
</html>

